<template>
	<div class="separator">
		<slot name="line-text"></slot>
	</div>
</template>

<script>
    export default {
			name: "Separator"
    }
</script>

<style scoped>
/*增加css选择器权重*/
	body div.separator {
		position: relative;
		padding: 0;
		margin-bottom: .3rem;
		text-align: center;
	}
	.separator::before {
		content: '';
		position: absolute;
		width: 100%;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		padding: 0;
		border-top: .001rem solid rgba(149,165,166,.4);
	}
	.separator span {
		position: relative;
		padding: .05rem .15rem;
		background-color: #FFFFFF;
		z-index: 2;
	}
</style>
